<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="root">
    <h1>你好，{{name1}}</h1>
    <h2>你好，{{name2}}</h2>
</div>
<script src="script/vue.js"></script>
<script>
    let vue = new Vue({
        // data: {
        //     name1: '张三'
        // }
        // data:function(){
        //     return {
        //         name1: '李四'
        //     }
        // }
        data(){
            return {
                name1: '李四'
            }
        }
    });
    console.log(vue);
    vue.$mount('#root');

    vue.$data({
        name2: '李四'
    })

    // 第二种
    // let vue = new Vue({
    //     el: '#root'
    //     data: {
    //         name: '张三'
    //     }
    // });
    // 改成了 vue.$mount('#root');


</script>
</body>
</html>
